<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="top">
        <div class="top-bx">
            <ul class="nav">
                <li class="log"><img src="img/logo.png" alt=""></li>
                <li>
                    <a href="http://10.35.164.4:81/index.html"><span>HOME</span> 网站首页</a>
                </li>
                <li>
                    <a href=""><span>RESOURSE</span> 传悦资源</a>
                </li>
                <li>
                    <a href="http://10.35.164.4:81/listA.html"><span>CASES</span> 传悦案例</a>
                </li>
                <li>
                    <a href="http://10.35.164.4:81/listJ.html"><span>SOLUTION</span> 解决方案</a>
                </li>
                <li>
                    <a href=""><span>SUBMIZ</span> 需求提交</a>
                </li>
            </ul>
            <div class="con">
                <img src="img/properfuckingphone.png" alt="">
                <span style="color: #666666;">0535-60652189</span>
                <img src="img/qq.png" alt="">
                <img src="img/weibo.png" alt="">
                <img src="img/weixin.png" alt="">
                <img src="img/Email1.png" alt="">
            </div>
        </div>
    </div>
    <div class="text">
        <div class="box" id="textbox">
            <img src="img/x1.png" alt="" class="xh">
            <h3>传悦观点 <span>VIEWPOINT</span>></h3>
            <img src="img/phone_1.png" alt="">
            <ul>
                <li style="color: #ffd1c4;">传悦上线前的准备工作</li>
                <li style="color: #f77751; font-size: 8px;">08-17</li>
                <li style="font-size: 12px; color: #ffa88f;">创梦网络科技有限责任公司......</li>
            </ul>
        </div>
    </div>
    <div class="bottom">
        <div class="bottom-bx">
            Copyright 02013创梦网络 科技有限责任公司传悦 Chnyoo. cn || Rights Reserved <span>京ICF 备12005221号</span>
            <ul>
                <li>
                    <a href="">关于传悦</a>
                </li>
                <li>
                    <a href="">新闻动态</a>
                </li>
                <li>
                    <a href="">传悦观点</a>
                </li>
                <li>
                    <a href="">联系传悦</a>
                </li>
                <li>
                    <a href="">加入传悦</a>
                </li>
                <li>
                    <a href="">付款账户</a>
                </li>
            </ul>
        </div>

    </div>


    <script>
        let div = document.getElementById("textbox");

        // 消除
        div.onclick = function() {
            div.style.opacity = 1;
            let fade = setInterval(function() {
                let o = parseFloat(div.style.opacity);
                if (o <= 0) {
                    clearInterval(fade);
                    div.style.opacity = 1
                    div.remove();
                }
                div.style.opacity = o - 0.05;
            }, 16)
        }
    </script>
</body>

</html>